<template>
	<view class="uni-flex uni-flex-item">
		<view class="uni-flex uni-flex-item uni-row">
			<view class="uni-flex uni-flex-item" style="justify-content: center; align-items: flex-start; background-color: #c0c0c0; ">
				<text>A</text>
			</view>
			<view class="uni-flex uni-flex-item uni-column" style="align-items: center;  background-color: #4CD964; ">
				<view class="uni-flex" style="flex: 1; align-items: center; background-color: #F0AD4E;">B1</view>
				<view style="flex: 2; align-items: center;  background-color: #8A6DE9;">
					<text>B2</text>
				</view>
			</view>
			<view class="uni-flex uni-flex-item" style="justify-content: center;align-items: flex-end;  background-color: #8A6DE9; ">
				<text>C</text>
			</view>
		</view>		
	</view>
</template>

<script>
</script>

<style>
	@import "../../common/uni.css";
</style>
